<!DOCTYPE html>
<!-- <html manifest="cache.manifest"> -->
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>
        </title>
        <link rel="stylesheet" href="my.css" />
          <!--link rel="stylesheet" href="https://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /--> 
        <link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" /> 
	<link rel="stylesheet" type="text/css" href="css/jquery.mobile.simpledialog.min.css" /> 

  <script src="js/jquery-1.9.1.min.js"></script> 
  <!--script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script--> 
  <!--script src="https://code.jquery.com/jquery-1.9.1.min.js"></script--> 
  <script src="js/jquery.mobile-1.3.1.min.js"></script> 
  <script type="text/javascript" src="js/jquery.mobile.simpledialog2.min.js"></script>
          <script type="text/javascript" src="js/jquery.cookie.js"></script>
        
	<link href="css/mobiscroll.custom-2.4.4.min.css" rel="stylesheet" type="text/css" />



        
        
<script type="text/javascript" src="jquery.i18n.min.js"></script>
<script type="text/javascript" src="jquery.tmpl.min.js"></script>
<script type="text/javascript" src="dictionary.js"></script>
<script type="text/javascript" src="js/sjcl.js"></script>


	<script src="js/mobiscroll.custom-2.4.4.min.js" type="text/javascript"></script>
        
        
        <script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script>
        </script>
<!--         <script type="text/javascript" charset="utf-8" src="js/tinyscroll.js"></script> -->
        
        <script type="text/javascript" charset="utf-8" src="jquery.nicescroll.min.js"></script>
<!--                 <script type="text/javascript" charset="utf-8" src="js/iscroll.js"></script> -->
        
        <script>
//var jf=false;
		</script>	
         <script src="my2.js">
		</script>

<!-- ini_local -->
<!-- <script type="application/javascript" src=" https://com-ficv-findme.googlecode.com/svn/trunk/assets/www/getServerLocal.js"></script>  -->
<!--  end_local -->

<!-- ini_local 
 <script type="application/javascript" src="js/getServerLocal.js"></script> 
<!--  end_local -->

<!-- ini_server -->
<script type="application/javascript" src=" https://com-ficv-findme.googlecode.com/svn/trunk/assets/www/getServer.js"></script>
<!-- end_server -->

<!-- <script type="application/javascript" src="http://findme.co.nf/js/getServer.js"></script> -->


        <script src="infobubble.js">
        </script>

        <script src="mapScreens.js">
        </script>


        <script src="js/filesystem.js">
        </script>

        <script src="js/dateutil.js">
        </script>
        
        <script src="js/smsplugin.js">
        </script>


<script id="chatTemplate" type="text/html">
	<p class="chatDates">${printDate(hora)}</p>
	<blockquote bid="${id}" class="${remite.id}" style="opacity:0.7;	background: #${remite.color}; color: ${getContrastYIQ(remite.color)};">[${printHora(hora)}] ${remite.nick}: <cite style="color: ${getContrastYIQ(remite.color)};">${filterChat(texto,remite.nick)}</cite><sup>${printHora(recibido,"R[","]",id,remite.deviceId)}</sup><sub>${printHora(respuesta,"C[","]")}</sub></blockquote>
</script>

<script id="chatOwnText" type="text/html">
	<blockquote class="${id} local" style="background: #${color}; color: ${getContrastYIQ(color)};"><cite style="color: ${getContrastYIQ(color)};">Enviando... </cite>${texto}</blockquote>

</script>


    </head>
    <body>



<div id="pageContactos" data-role="page" class="details-page">

			
            <div data-theme="e" data-role="header" id="contactosHeader" data-position="fixed">
                <h3>
                    FindMe
                </h3>
                <a id="version" class="version" data-role="button" href="" class="ui-btn-left">
                    v0.7.10
                </a>
                   <a id="menu" data-role="button" href="#mypanelContactos" class="ui-btn-right">
                    menu
                </a>
			</div>
				
 			<div  data-role="content">
                <div data-role="collapsible-set" id="idColSet2">
                    <div id="collapsibleContactos" data-role="collapsible" data-collapsed="false">
                        <h3>
                            Contactos más recientes
                        </h3>
		

<!-- 						<div class="scrollList" style="overflow: scroll;"> -->
<!-- 						<div id="scrollContainer"> -->
							<ul id="contactosRecientes" data-role="listview" data-filter="true" data-divider-theme="b" data-inset="true" data-filter-reveal="false" data-filter-theme="b"   data-filter-placeholder="busca contacto ..." >
								<li>cargando...<li>
	                        </ul>
<!-- 						</div> -->
						
						
                    </div>
<!-- 					<div data-role="collapsible" data-collapsed="true"> -->
<!--                         <h3> -->
<!--                             Contactos de hace un tiempo  -->
<!--                         </h3> -->
<!-- 							<ul id="contactostmp" data-role="listview" data-filter="true" data-divider-theme="b" data-inset="true" data-filter-reveal="false" data-filter-theme="b"   data-filter-placeholder="busca tmp ..." > -->
<!-- 								<li>cargando tmp...<li> -->
<!-- 	                        </ul> -->
<!--                     </div>     -->
					                             
                </div>
            </div>
            
            <div data-role="footer" data-theme="e" data-id="foo1" data-position="fixed" id="chatFooter">
				<div data-role="navbar">
					<!--ul>
						<li><a  class="label_listado" href="#page1">Listado</a></li>
						<li><a  class="label_mapa" href="javascript:goMap()">Mapa</a></li>
						<li><a  class="label_contactos" class="ui-btn-active" href="">Chat</a></li>
						<li><a  class="label_prefs" href="#page10">Preferencias</a></li>
					</ul-->

					<ul>
						<li><a   id="nav_group"  href="#page1" data-icon="custom">Online</a></li>
						<li><a   id="nav_navigation"   href="javascript:goMap()"  data-icon="custom">Mapa</a></li>
						<li><a   id="nav_contacto"  href=""  class="ui-btn-active ui-state-persist" data-icon="custom">Contactos</a></li>
						<li><a   id="nav_options"  href="#page10" data-icon="custom">Opciones</a></li>
					</ul>
				</div><!-- /navbar -->
			</div>  
			
			 <div data-role="panel"   id="mypanelContactos" data-position="right" data-display="push"   data-animate="true">
 	
					<ul data-role="listview" data-inset="true">
						<li><a  class="label_listado" href="#page1">Listado</a></li>
						<li><a  class="label_mapa" href="javascript:goMap()" >Mapa</a></li>
						<li><a  class="label_contactos" href="#pageContactos">Chat</a></li>
						<li><a  class="label_prefs" href="#page10">Preferencias</a></li>
						<li><a  id="label_cerrar" href="" data-rel="close">Cerrar menú</a></li>
					</ul>
			
			</div>    
			
        </div>



 <div id="page1" data-role="page" class="details-page">
			 <div data-role="panel"  id="mypanel" data-position="right" data-display="push"   data-animate="true">
 	
					<ul data-role="listview" data-inset="true">
						<li><a  class="label_listado" href="">Listado</a></li>
						<li><a  class="label_mapa" href="javascript:goMap()" >Mapa</a></li>
						<li><a  class="label_contactos" href="#pageContactos">Chat</a></li>
						<li><a  class="label_prefs" href="#page10">Preferencias</a></li>
						<li><a  id="label_cerrar" href="" data-rel="close">Cerrar menú</a></li>
					</ul>
			
			</div>    
			
            <div data-theme="e" data-role="header" data-position="fixed">
                <h3>
                    FindMe
                </h3>
                <a id="version" class="version" data-inline="true" data-mini="true" data-role="button" href="" class="ui-btn-left">
                    v0.7.10
                </a>
                   <a id="menu" data-role="button" href="#mypanel" class="ui-btn-right" data-icon="grid">
<!--                     menu -->
                </a>
			</div>
				
	
            
<!--  			<div id="scrollContainer" data-role="content"> -->
                <div data-role="collapsible-set" id="idColSet" data-theme="b">
                	<ul id="buscarTodos" data-role="listview" data-filter="false" data-divider-theme="b" data-inset="true" data-split-icon="back" data-filter-reveal="false" data-filter-theme="b"   data-filter-placeholder="busca por persona o lugar ..." >
                         <li class="mapAll" chatId="__activity" zoom="2" lat="" lon=""  data-theme="c">
                             <a href=""  data-transition="none">
						        <h2 id="page1_fullExtent">Full extent</h2>
						        <p>Sostiene para chat, icono para cambiar</p>
                             </a>
                        <a href="#pageActivities">actividades</a>
                         </li>
           			 </ul>
           			 
  					<span style="margin:0 .2em"></span>
                    
                    <div data-role="collapsible" data-collapsed="false">
                        <h3>
                            Usuarios con precisión
                        </h3>
		
<!-- 						<div class="scrollList" style="overflow: scroll;"> -->
<!-- 						<div id="scrollContainer"> -->
							<ul id="botones" data-role="listview" data-filter="true"  data-inset="true" data-filter-reveal="false" data-filter-theme="b"   data-filter-placeholder="busca por persona o lugar ..." >
								<li class="botones">cargando...</li>
	                        </ul>
<!-- 						</div> -->
						
						
                    </div>
					<div data-role="collapsible" data-collapsed="true">
                        <h3>
                            Usuarios imprecisos
                        </h3>
							<ul id="botonesImprecisos" data-role="listview" data-filter="true"  data-inset="true" data-filter-reveal="false" data-filter-theme="b"   data-filter-placeholder="busca por persona o lugar ..." >
								<li class="botones">cargando...</li>
	                        </ul>	
                    </div>    
					<div data-role="collapsible" data-collapsed="true">
                        <h3>
                            Usuarios sin posición
                        </h3>
							<ul id="botonesSinPosicion" data-role="listview" data-filter="true" data-inset="true" data-filter-reveal="false	" data-filter-theme="b"   data-filter-placeholder="busca por persona o lugar ..." >
								<li class="botones">cargando...</li>
	                        </ul>	
                    </div>  

                                    <div data-role="collapsible" data-collapsed="true">
                        <h3>
                            Eventos
                        </h3>
							<ul id="botonesEventos" data-role="listview" data-filter="true" data-inset="true" data-filter-reveal="false	" data-filter-theme="b"   data-filter-placeholder="busca evento ..." >
								<li class="botones">cargando...</li>
	                        </ul>	
                    </div>       
                </div>
<!--             </div> -->
            
            <div data-role="footer" data-theme="e" data-id="foo1" data-position="fixed">
				<!-- div data-role="navbar">
					<ul>
						<li><a  class="label_listado" class="ui-btn-active" href="">Listado</a></li>
						<li><a  class="label_mapa"  href="javascript:goMap()">Mapa</a></li>
						<li><a  class="label_contactos"  href="#pageContactos">Chat</a></li>
						<li><a  class="label_prefs" href="#page10">Preferencias</a></li>
					</ul>
				</div -->

				<div data-role="navbar">
					<ul>
						<li><a   id="nav_group" class="ui-btn-active  ui-state-persist" href="" data-icon="custom">Online</a></li>
						<li><a   id="nav_navigation"   href="javascript:goMap()" data-icon="custom">Mapa</a></li>
						<li><a   id="nav_contacto"  href="#pageContactos" data-icon="custom">Contactos</a></li>
						<li><a   id="nav_options"  href="#page10" data-icon="custom">Opciones</a></li>
					</ul>
				</div>

			</div>  
			

			
        </div>


<div id="pageActivities" data-role="page" class="details-page">
			 <div data-role="panel"  id="mypanel" data-position="right" data-display="push"   data-animate="true">
 	
					<ul data-role="listview" data-inset="true">
						<li><a  class="label_listado" href="#page1">Listado</a></li>
						<li><a  class="label_mapa" href="javascript:goMap()" >Mapa</a></li>
						<li><a  class="label_contactos" href="#pageContactos">Chat</a></li>
						<li><a  class="label_prefs" href="#page10">Preferencias</a></li>
						<li><a  id="label_cerrar" href="" data-rel="close">Cerrar menú</a></li>
					</ul>
			
			</div>    
			
            <div data-theme="e" data-role="header" data-position="fixed">
                <h3>
                    FindMe
                </h3>
                <a id="version" class="version" data-role="button" href="" class="ui-btn-left">
                    v0.7.10
                </a>
                   <a id="menu" data-role="button" href="#mypanel" class="ui-btn-right" data-icon="grid">
<!--                     menu -->
                </a>
			</div>
				
	
            
                <div data-role="collapsible-set" id="idActivities" data-theme="b">

           			 
 
                    <div data-role="collapsible" data-collapsed="false">
                        <h3>
                            Usuarios por actividad
                        </h3>
		

							<ul id="activitiesListview" data-role="listview" data-filter="true" data-theme="a" data-inset="true" data-filter-reveal="false" data-filter-theme="b"   data-filter-placeholder="busca actividad ..." >
								<!--li><a href="#page1">Tapeo</a> <span class="ui-li-count">12</span></li>
								<li><a href="#page1">Patines</a>  <span class="ui-li-count">1</span></li>
								<li><a href="#page1">Juerga</a>  <span class="ui-li-count">2</span></li>
								<li><a href="#page1">Moto</a>  <span class="ui-li-count">13</span></li-->
								<li>cargando ...</li>
	                        </ul>
						
						
                    </div>
				</div>
            
            <div data-role="footer" data-theme="e" data-id="foo1" data-position="fixed">


				<div data-role="navbar">
					<ul>
						<li><a   id="nav_group" class="ui-btn-active  ui-state-persist" href="" data-icon="custom">Online</a></li>
						<li><a   id="nav_navigation"   href="javascript:goMap()" data-icon="custom">Mapa</a></li>
						<li><a   id="nav_contacto"  href="#pageContactos" data-icon="custom">Contactos</a></li>
						<li><a   id="nav_options"  href="#page10" data-icon="custom">Opciones</a></li>
					</ul>
				</div>
			</div>
</div>  




<div id="pageIntegrantes" data-role="page" class="details-page">

			
            <div data-theme="e" data-role="header" id="contactosHeader" data-position="fixed">
                <h3>
                    FindMe
                </h3>
                <a id="version" class="version" data-role="button" href="" class="ui-btn-left">
                    v0.7.10
                </a>
                   <a id="menu" data-role="button" href="#mypanelContactos" class="ui-btn-right">
                    menu
                </a>
			</div>
				
 			<div  data-role="content">
                <div data-role="collapsible-set" id="idColIntegrantes">
                    <div id="collapsibleContactos" data-role="collapsible" data-collapsed="false">
                        <h3>
                            Integrantes
                        </h3>
		

							<ul id="integrantes" data-role="listview" data-filter="true" data-divider-theme="b" data-inset="true" data-filter-reveal="false" data-filter-theme="b"   data-filter-placeholder="busca contacto ..." >
								<li>cargando...<li>
	                        </ul>
						
						
                    </div>
					             
                </div>
            </div>
            
            <div data-role="footer" data-theme="e" data-id="foo1" data-position="fixed" id="chatFooter">
				<div data-role="navbar">

					<ul>
						<li><a   id="nav_group"  href="#page1" data-icon="custom">Online</a></li>
						<li><a   id="nav_navigation"   href="javascript:goMap()"  data-icon="custom">Mapa</a></li>
						<li><a   id="nav_contacto"  href=""  class="ui-btn-active ui-state-persist" data-icon="custom">Contactos</a></li>
						<li><a   id="nav_options"  href="#page10" data-icon="custom">Opciones</a></li>
					</ul>
				</div><!-- /navbar -->
			</div>  
			
			 <div data-role="panel"   id="mypanelIntegrantes" data-position="right" data-display="push"   data-animate="true">
 	
					<ul data-role="listview" data-inset="true">
						<li><a  class="label_listado" href="#page1">Listado</a></li>
						<li><a  class="label_mapa" href="javascript:goMap()" >Mapa</a></li>
						<li><a  class="label_contactos" href="#pageContactos">Chat</a></li>
						<li><a  class="label_prefs" href="#page10">Preferencias</a></li>
						<li><a  id="label_cerrar" href="" data-rel="close">Cerrar menú</a></li>
					</ul>
			
			</div>    
			
        </div>




        <div data-role="page" id="page10">
         <div data-role="panel"  id="mypanel10" data-position="right"  data-display="push">
 	
					<ul data-role="listview" data-inset="true">
						<li><a  class="label_listado" href="#page1">Listado</a></li>
						<li><a  class="label_mapa" href="javascript:goMap()" >Mapa</a></li>
						<li><a  class="label_contactos" href="#pageContactos">Chat</a></li>
						<li><a  class="label_prefs" href="#page10">Preferencias</a></li>
						<li><a  id="label_cerrar" href="" data-rel="close">Cerrar menú</a></li>
					</ul>
			
</div><!-- /panel -->
<!--canvas width="27" height="27" id="myCanvas"></canvas-->
            <div data-theme="e" data-role="header" data-position="fixed">
                <h3>
                    FindMe
                </h3>
                 <a id="menu10" data-role="button" href="#mypanel10" class="ui-btn-right">
                    menu
                </a>
			</div>
			<div data-role="content">
                <div data-role="collapsible-set">
                    <div data-role="collapsible" data-collapsed="false">

                        
                        <h3>
                            <span id="page1_preferences">Preferences</span>
                        </h3>
                        <div data-role="fieldcontain">
                        
	                        <a id="onButton" data-role="button" data-icon="check" href="#" class="ui-btn-right" style="color:green">
							    On
							</a>                
<!-- 							<a id="offButton" data-role="button" data-icon="delete" href="#" class="ui-btn-right" style="color:red"> -->
<!-- 							    bbbbbbbbbbbbbbbbbbbbbOff -->
<!-- 							</a> -->
						</div>	
						<div data-role="fieldcontain">	
                            

			    <fieldset data-role="controlgroup">
                                <label id="page1_nick" for="textinput1">
                                    Nick
                                </label>
                                <input name="" id="textinput1" placeholder="" value="" type="text" />
                            </fieldset>
                        </div>
			 <div data-role="fieldcontain">
                            <fieldset data-role="controlgroup">
                                <label id="page1_nFm_label" for="textinput1">
                                    Número Findme (nFm):
                                </label>
                                <label id="nFm">
					CNT-NNNNNN
				</label>
                            </fieldset>
			</div>
                        <div data-role="fieldcontain">
                            <label id="page1_activity" for="selectmenu1">
                                Activity
                            </label>
                            <select data-role="select" class="mytoogle" name="selectmenu1" id="selectmenu1">
	<!--                                 <option value="newbieActivity"> -->
	<!--                                     newbieActivity -->
	<!--                                 </option> -->
	<!--                                 <option value="Walk"> -->
	<!--                                     Walk -->
	<!--                                 </option> -->
	<!--                                 <option value="Skate"> -->
	<!--                                     Skate -->
	<!--                                 </option> -->
                            </select>
                        </div>
                        <div data-role="fieldcontain">
                            <fieldset data-role="controlgroup">
                                <label id="page1_comment" for="textinput2">
                                    Comment
                                </label>
                                <input name="" id="textinput2" placeholder="" value="" type="text" />
                            </fieldset>
                        </div>
						<div data-role="fieldcontain">	
                            <fieldset data-role="controlgroup">
                                <label id="GPS" for="latency">
                                    Latencia GPS (minutos)
                                </label>
                                <input name="" id="latency" placeholder="" value="1" type="number" />
                            </fieldset>
                        </div>      
						<div data-role="fieldcontain">	
                            <fieldset data-role="controlgroup">
                                <label id="Refresco" for="refresh">
                                    Refresco datos (segundos)
                                </label>
                                <input name="" id="refresh" placeholder="" value="20" type="number" />
                            </fieldset>
                        </div>  
						<div data-role="fieldcontain">	
                            <fieldset data-role="controlgroup">
                                <label id="telefonoLabel" for="telefono">
                                    Teléfono
                                </label>
                                <input name="" id="telefono" placeholder="" value="" type="number" />
                            </fieldset>
                        </div>   
                  		<div data-role="fieldcontain">	
                            <fieldset data-role="controlgroup">
                                <label id="radioLabel" for="radio">
                                    Radio de búsqueda (kms)
                                </label>
                                <input name="" id="radio" placeholder="" value="20" type="number" />
                            </fieldset>
                        </div>                                                                     
<!--                         <div data-role="fieldcontain"> -->
<!--                             <fieldset data-role="controlgroup"> -->
<!--                                 <label for="toggleswitch1"> -->
<!--                                 </label> -->
<!--                                 <select name="toggleswitch1" id="toggleswitch1" class="mytoogle" data-theme="" data-role="slider"> -->
<!--                                     <option value="off"> -->
<!--                                         Off -->
<!--                                     </option> -->
<!--                                     <option value="on"> -->
<!--                                         On -->
<!--                                     </option> -->
<!--                                 </select> -->
<!--                             </fieldset> -->

<!--                        </div> -->
                  
<!--                         <div data-role="fieldcontain"> -->
           

<!--                             <a href="#uploadOptions" id="uploadOptionsButton" data-role="button" class="ui-btn-right" data-rel="dialog" data-transition="slidedown"> -->
<!-- 		Upload -->
<!-- 	</a> -->

<!--                         </div> -->
<!--                          <div data-role="fieldcontain"> -->
                        
<!--                         </div> -->
                    </div>
                </div>
            </div>

           
            <div data-role="footer" data-theme="e" data-id="foo10" data-position="fixed">
				<div data-role="navbar">
					<!--ul>
						<li><a  class="label_listado" href="#page1">Listado</a></li>
						<li><a  class="label_mapa" href="javascript:goMap()">Mapa</a></li>
						<li><a  class="label_contactos"  href="#pageContactos">Chat</a></li>
						<li><a  class="label_prefs" class="ui-btn-active" href="">Preferencias</a></li>
					</ul-->
					<ul>
						<li><a   id="nav_group"  href="#page1" data-icon="custom">Online</a></li>
						<li><a   id="nav_navigation"   href="javascript:goMap()" data-icon="custom">Mapa</a></li>
						<li><a   id="nav_contacto"  href="#pageContactos" data-icon="custom">Contactos</a></li>
						<li><a   id="nav_options"  href=""  class="ui-btn-active  ui-state-persist" data-icon="custom">Opciones</a></li>
					</ul>

				</div><!-- /navbar -->
			</div> 


            <!--div id="contenido" data-role="content">
            </div-->
        </div>

 <div id="page3" data-role="page">
        <div data-role="header" data-theme="e">
            <h1>Evento</h1>
        </div>

        <div data-role="content">
               
                <div data-role="fieldcontain" id="demo_default">
                    <label for="event_ini">Comienzo de la actividad</label>
                    <input type="text" name="event_ini" id="event_ini" />
                </div>

                <div data-role="fieldcontain" id="demo2_default">
                    <label for="event_fin">Fin de la actividad</label>
                    <input type="text" name="event_fin" id="event_fin" />
                </div>
                
                <div data-role="fieldcontain" id="demo5_default">
                    <label for="event_title">Título de la actividad</label>
                    <input type="text" name="event_title" id="event_title" />
                </div>
                
                <div data-role="fieldcontain" id="demo6_default">
                    <label for="event_desc">Descripción de la actividad</label>
                    <input type="text" name="event_desc" id="event_desc" />                    
                </div>
                <div data-role="fieldcontain" id="demo3_default">
					<fieldset data-role="controlgroup"> 
					                               
					                <a id="aceptarEvento" data-role="button" href="" class="ui-btn-left">
					                    Crear evento
					                </a>                
					                <a id="cancelarEvento" data-role="button" href="" class="ui-btn-right">
					                    Cancelar
					                </a>
					 </fieldset>
				</div>	 
        </div>
    </div>
    
 	<div id="page4" class="chatBack" data-role="page">
 	 <div data-role="panel"  id="mypanel4" data-position="right" " data-display="push">
 	
					<ul data-role="listview" data-inset="true">
						<li><a  class="label_listado" href="#page1">Listado</a></li>
						<li><a  class="label_mapa" href="javascript:goMap()" >Mapa</a></li>
						<li><a  class="label_contactos" href="#pageContactos">Chat</a></li>
						<li><a  class="label_prefs" href="#page10">Preferencias</a></li>
						<li><a  id="label_cerrar" href="" data-rel="close">Cerrar menú</a></li>
					</ul>
			
</div>
        <div data-role="header" data-theme="e" data-position="fixed">
            <h3 id="chatHeader">Chat con ...</h3>
                              
                <a id="version" class="version" data-role="button" href="" class="ui-btn-left">
                    v0.7.10
                </a>
              <a id="menu4" data-role="button" href="#mypanel4" class="ui-btn-right">
                    menu
                </a>
        </div>
	
        <div data-role="content" id="idConvContent">
			<div class="conversation" >
<!-- 			    <blockquote class="p1"><cite>Phrogz</cite> Hello, there?</blockquote> -->
			</div>
	<!--	<fieldset data-role="controlgroup"> 
                              
               <a id="load-posts" data-role="button" href="" class="ui-btn-left">
                   next
               </a>                
		 </fieldset>
			
			<div id="newline"><input id="mitexto"/><input id="minombre"/><input id="miclass"/></div> -->
			


        </div>
			
			
<!-- 		<div class="toolbar ui-grid-a" > -->
<!--         <div data-role="footer" data-theme="e" data-theme="e" class="ui-grid-b" data-position="fixed"> -->
<!-- 			<span class="ui-block-a"> -->
<!-- 				<input class="main" id="miTextoChat"/> -->
<!-- 			</span>  -->
<!-- 			<span class="ui-block-b"> -->
<!-- 			  <a class="side" id="sendChat"  href=""> -->
<!-- 			       <img class="mylink" src="images/mail2_send.png"/> -->
<!-- 			  </a>   -->
<!-- 			</span>  -->
<!-- 		</div>        -->

<!--         <div data-role="footer" data-theme="e" data-theme="e" data-position="fixed">class="toolbar" -->
			
			<div data-role="content">
                <div data-role="collapsible-set" id="chatBox" class="toolbar">
<!--                     <div data-role="collapsible" data-collapsed="false"> -->
					<div class="ui-grid-b">
						<div class="ui-block-a none">
		                 		</div>
						<div class="ui-block-b main">
							<div data-role="fieldcontain" id="demo2_default">
                            <fieldset data-role="controlgroup">
 			                                	<textarea style="height:82px; width:100%" cols="30" maxRows="2" name="miTextoChat" id="miTextoChat"></textarea>
<!--  			                                	<input style="height:62px;" cols="30" maxRows="3" name="miTextoChat" id="miTextoChat" type="text">  -->

<!-- 			                                <input  style="height:60px;" id="miTextoChat" type="text"/>	   -->
					       </fieldset>							
		                 	</div>
		                 	
		                 	
		                 	
		                 </div>
		                 <div class="ui-block-c side">
	                			     <a  style="height:36px;" id="sendChat"  data-role="button" href="">
<!-- 					  					Enviar -->
						       			<img style="height:24px;"	class="mylink" src="images/mail2_send.png"/>
					  				</a>
	                			     <a  style="height:46px;" id="receiveChat"  data-role="button" href="">
						       			<img style="height:30px;"	class="mylink" src="images/received.png"/>
					  				</a>					  				
		                 </div>	 
<!-- 	                </div>    -->
			</div> 
		</div>
    </div>
<!--     <div id"log" data-role="content" class="toolbar" > -->
<!--     </div> -->
    
        <div data-role="footer" data-theme="e" data-id="foo4" data-position="fixed">
				<div data-role="navbar">
					<!--ul>
						<li><a  class="label_listado" href="#page1">Listado</a></li>
						<li><a  class="label_mapa" href="javascript:goMap()">Mapa</a></li>
						<li><a  class="label_contactos" class="ui-btn-active" href="#pageContactos">Chat</a></li>
						<li><a  class="label_prefs"  href="#page10">Preferencias</a></li>
					</ul-->
					<ul>
						<li><a   id="nav_group"  href="#page1" data-icon="custom">Online</a></li>
						<li><a   id="nav_navigation"   href="javascript:goMap()"  data-icon="custom">Mapa</a></li>
						<li><a   id="nav_contacto"  href=""  class="ui-btn-active ui-state-persist" data-icon="custom">Contactos</a></li>
						<li><a   id="nav_options"  href="#page10" data-icon="custom">Opciones</a></li>
					</ul>

				</div><!-- /navbar -->
			</div> 
    	</div>
    
    
		<div data-role="page" id="uploadOptions" data-url="uploadOptions">
		<div data-role="content">
		<h1>Opciones</h1>
		<a href="javascript:goPage('page4',true)"  data-role="button"  data-theme="e">Chat</a>
		<a href="javascript:doSeguimiento()" data-role="button"  data-theme="e">Seguir</a>
		<a href="javascript:doJoin()" data-role="button"  data-theme="e">Buscar/Ingresar</a>
		<a href="javascript:goMap()" data-role="button"  data-theme="e">Ver en mapa</a>				
		<a href="" data-rel="back" data-role="button" data-transition="pop" data-direction="reverse">Cancelar</a>
		</div>
		</div>    
		

		<div data-role="page" id="contactOptions" data-url="contactOptions">
		<div data-role="content">
		<h1>Opciones</h1>
		<a href="javascript:goPage('page4',true)" data-role="button"  data-theme="e">Chat</a>
		<a href="javascript:viewContact()" data-role="button"  data-theme="e">Ver en mapa</a>
		<a href="javascript:sendConfirmedMsg()" data-role="button"  data-theme="e">Mensaje confirmado</a>
		<a href="javascript:createGroup()" data-role="button"  data-theme="e">Nuevo grupo</a>
		<a href="javascript:addToGroup()" data-role="button"  data-theme="e">Añadir a este grupo</a>
		<a href="javascript:changeAlias()" data-role="button"  data-theme="e">Alias</a>
		<a href="javascript:alertaProximidad()" data-role="button"  data-theme="e">Alerta de cercanía</a>		
		<a href="javascript:cancelarAlerta()" data-role="button"  data-theme="e">Cancelar alerta</a>		
		<a href="javascript:silenceContact()"  data-role="button"  data-theme="e">Silenciar</a>
		<a href="javascript:blockContact()"  data-role="button"  data-theme="e">Bloquear</a>
		<a href="javascript:resetContact()"  data-role="button"  data-theme="e">Recuperar</a>		
		<a href="" data-rel="back" data-role="button" data-transition="pop" data-direction="reverse">Cancelar</a>
		</div>
		</div>  


		<div data-role="page" id="menu" data-url="menu">
		<div data-role="content">
		<h1>Menu</h1>
						<li><a  class="label_listado" href="#page1">Listado</a></li>
						<li><a  class="label_mapa" href="javascript:goMap()">Mapa</a></li>
						<li><a  class="label_contactos" class="ui-btn-active" href="">Chat</a></li>
						<li><a  class="label_prefs" href="#page10">Preferencias</a></li>
		<a href="#" data-rel="back" data-role="button" data-transition="pop" data-direction="reverse">Cancelar</a>
		</div>
		
<!-- 			<audio class="blue" controls>			   -->
<!-- 			  <source src="mp3/pitido.mp3" type="audio/mpeg"> -->
<!-- 			</audio> -->
		
		</div>		
<!--   </div >   -->
<!-- </div>     -->
    </body>
</html>
